html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video,
address,
summary {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}

html {
	font-size: 50px;
	max-width: 100%
}

body {
	background: #eeeff2
}

.clearfix::before,
#main::before,
.clearfix::after,
#main::after {
	content: "";
	clear: both
}

#header {
	position: relative;
	width: 100%;
	height: .88rem;
	background: #333
}

#header p {
	width: 100%;
	text-align: center;
	line-height: .88rem;
	font-size: .38rem;
	color: #fff
}

#header .tel {
	position: absolute;
	top: .24rem;
	right: .3rem;
	width: .41rem;
	height: .41rem;
	background: url(../images/tel.png) no-repeat;
	background-size: 100% 100%;
	display: block
}

.topimg {
	width: 100%;
	background: #5172cf;
	display: block
}

.topimg img {
	margin: 0 auto;
	width: 100%;
	max-width: 750px;
	height: auto;
	display: block
}

.category {
	width: 100%;
	background: #fff;
	float: left
}

.category ul {
	width: 100%;
	float: left
}

.category li {
	border-right: #e9ebee solid 1px;
	border-bottom: #e9ebee solid 1px;
	font-size: 14px
}

.category li::nth-of-type(2n) {
	border-right: 0
}

.category .heightleft {
	padding-top: .36rem;
	width: 40%;
	height: 3.2rem;
	float: left
}

.category .shortright {
	padding: 0 .3rem;
	width: 60%;
	height: 1.6rem;
	float: left;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	display: -ms-box;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-align: center
}

.category li div {
	line-height: .44rem
}

.category li div h3 {
	font-size: .36rem;
	font-weight: normal
}

.category li div p {
	font-size: .24rem;
	color: #b3bbc6
}

.category li img {
	margin: .35rem auto 0;
	width: .68rem;
	display: inline-block
}

.category .heightleft div {
	padding-left: .3rem;
	text-align: center
}

.category .heightleft span {
	width: 100%;
	text-align: center;
	display: block
}

.category .shortright div {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	display: block
}

.category .shortright span {
	width: .86rem;
	text-align: center
}

.category .shortright div h3 {
	font-size: .32rem
}

.category li.l1 h3 {
	color: #fa4350
}

.category li.l4 h3 {
	color: #008ef6
}

.category .shortright img {
	margin-top: 0
}

.category li.l4 img {
	margin-top: .55rem;
	width: 1.1rem
}

.category li.l2 img {
	/*margin-top:.35rem;*/
	width: .64rem
}

.category li.l3 img {
	/*margin-top:.35rem;*/
	width: .71rem
}

.category li.l5 img {
	/*margin-top:.43rem;*/
	width: .86rem
}

.category li.l6 img {
	/*margin-top:.57rem;*/
	width: .86rem
}

.service {
	margin-top: .2rem;
	width: 100%;
	border-bottom: #e9ebee solid 1px;
	border-top: #e9ebee solid 1px;
	background: #fff;
	display: block;
	float: left
}

.service ul {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -o-box;
	display: box;
	display: -ms-box
}

.service li {
	padding: .3rem 0;
	text-align: center;
	font-size: .28rem;
	color: #999;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	box-flex: 1;
	display: block
}

.service li s {
	margin: 0 auto .1rem;
	width: .64rem;
	height: .64rem;
	background: url(../img/icon7.png) no-repeat;
	background-size: 100% 100%;
	display: block
}

.service li.l2 s {
	background: url(../img/icon8.png) no-repeat;
	background-size: 100% 100%
}

.service li.l3 s {
	background: url(../img/icon9.png) no-repeat;
	background-size: 100% 100%
}

.service li.l4 s {
	background: url(../img/icon10.png) no-repeat;
	background-size: 100% 100%
}

.znhs {
	position: relative
}

.znhs::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 1.6rem;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.6);
	display: block
}

#footer {
	width: 100%;
	text-align: center;
	display: block;
	float: left
}

#footer .copyright {
	padding: .2rem 0;
	width: 100%;
	line-height: .4rem;
	font-size: .2rem;
	color: #b3bbc6
}